<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <style>
        table{
            border-collapse: collapse;
            margin-top: 100px;
            margin-left: 300px;
            float: left;
        }
        th{
            width: 150px;
            height: 60px;
            border: 1px solid red;
        }
        td{
            text-align: center;
            border: 1px solid red;
            height: 60px;
        }
        #t2{
            position: relative;
            border-collapse: collapse;
            margin-top: 100px;
            margin-left: 500px;
        }
        div{
            position: absolute;
            margin-bottom: 100px;
            margin-left: 500px;
        }
    </style>

</head>
<body>
   <table cellspacing="0" cellpadding="0">
           <caption><h3>ADC</h3></caption>
           <tr>
               <th>编号</th>
               <th>名称</th>
               <th>性别</th>
               <th>价格</th>
           </tr>
           <tr>
               <td>001</td>
               <td>EZ</td>
               <td>男</td>
               <td>6300</td>
           </tr>
           <tr>
               <td>002</td>
               <td>麦林炮手</td>
               <td>女</td>
               <td>6300</td>
           </tr>
           <tr>
               <td>003</td>
               <td>卢锡安</td>
               <td>男</td>
               <td>6300</td>
           </tr>
           <tr>
               <td>004</td>
               <td>寒冰射手</td>
               <td>女</td>
               <td>450</td>
           </tr>

   </table>
   <div>
   <table cellspacing="0" cellpadding="0" id="t2">
   <caption><h3>中单</h3></caption>
   <tr>
       <th>编号</th>
       <th>名称</th>
       <th>性别</th>
       <th>价格</th>
   </tr>
   <tr>
       <td>001</td>
       <td>发条魔灵</td>
       <td>女</td>
       <td>6300</td>
   </tr>
   <tr>
       <td>002</td>
       <td>艾克</td>
       <td>男</td>
       <td>6300</td>
   </tr>
   <tr>
       <td>003</td>
       <td>安妮</td>
       <td>女</td>
       <td>6300</td>
   </tr>
   <tr>
       <td>004</td>
       <td>亚索</td>
       <td>男</td>
       <td>6300</td>
   </tr>

     </table>
   </div>
</body>
</html>